<!-- Importamos los metodos js del abm de servicios de clientes -->
<script type="text/javascript" src="<?php echo base_url(); ?>js/serviciosxclientes.js"></script>

<script type="text/javascript">
	//Esto se ejecuta cuando se termina de cargar la web
	$(document).ready(function(){
		//Le damos el foco al primer campo del formulario
		$("#cicloPago").focus();
		
		//Especificamos los campos que tienen restricciones en los valores de entrada
		$('#precio').numeric();
		$('#gananciaReferente').numeric();
	});
</script>

<!-- Identificador de seccion -->
<div>
	<hr>
	<ul class="breadcrumb">
		<li>
			<a href="<?php echo(site_url("inicio")); ?>">Home</a><span class="divider">/</span>
		</li>
		<li>
			<a href="<?php echo(site_url("servicioxcliente/consultar/".$idClienteSel)); ?>">Servicios de Clientes</a><span class="divider">/</span>
		</li>
		<li>
			<a href="<?php echo(current_url()); ?>">Crear Servicio de Cliente</a>
		</li>
	</ul>
	<hr>
</div>

<!-- Formulario y ayuda -->	
<div class="row-fluid">
	<div class="box span7">
		<div class="box-header" data-original-title>
			<h2><i class="icon-edit"></i><span class="break"></span>Datos del Servicio</h2>
			<div class="box-icon">				
				<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>				
			</div>
		</div>
		<div class="box-content">
			<form class="form-horizontal" action="<?php echo(site_url('servicioxcliente/crear')); ?>" id="formServicioXCliente" method="post" target="iframeUpload">
				<fieldset>
					<div id="campoCicloPago" class="control-group">				
						<label class="control-label" for="cicloPago">Ciclo de Pago: (*)</label>
						<div class="controls">
							<select class="span9" id="cicloPago" name="cicloPago">
								<option value="0">Pago &Uacute;nico</option>
								<option value="1" selected="selected">Mensual</option>
								<option value="6">Semestral</option>
								<option value="12">Anual</option>
							</select>
						</div>
					</div>
					
					<div id="campoCliente" class="control-group">				
						<label class="control-label" for="cliente">Cliente: (*)</label>
						<div class="controls">
							<select class="span9" id="cliente" name="cliente">
								<option value="0" selected="selected">Seleccionar</option>
								<?php
									//Recorremos todos los clientes que nos paso el controlador y generamos el selector
									foreach ($clientes->result() as $cliente){
										if($cliente->idCliente == $idClienteSel){
											echo ('<option selected="selected" value="'.$cliente->idCliente.'">'.$cliente->apellido.', '.$cliente->nombre.'</option>');
										}else{
											echo ('<option value="'.$cliente->idCliente.'">'.$cliente->apellido.', '.$cliente->nombre.'</option>');
										}
									}
								?>
							</select>
						</div>
					</div>
					
					<div id="campoServicio" class="control-group">				
						<label class="control-label" for="servicio">Servicio: (*)</label>
						<div class="controls">
							<select class="span9" id="servicio" name="servicio" onchange="completarServicio('<?php echo(base_url()."servicio/consultarDatos") ?>');">
								<option value="0" selected="selected">Seleccionar</option>
								<?php
									//Recorremos todos los servicios que nos paso el controlador y generamos el selector
									foreach ($servicios->result() as $servicio){
										echo ('<option value="'.$servicio->idServicio.'">'.$servicio->nombre.' ($'.$servicio->precio.'.00)</option>');										
									}
								?>
							</select>
						</div>
					</div>
					
					<div id="campoPrecio" class="control-group">
						<label class="control-label" for="precio">Precio: (*)</label>
						<div class="controls">
						  <input class="input-xlarge" id="precio" name="precio" type="text" value="" placeholder="Precio" required>
						</div>
					</div>
					
					<div id="campoEnviarFacturas" class="control-group">				
						<label class="control-label" for="enviarFacturas">Enviar Facturas: (*)</label>
						<div class="controls">
							<select class="span9" id="enviarFacturas" name="enviarFacturas">
								<option value="0">No</option>
								<option value="1" selected="selected">Si</option>
							</select>
						</div>
					</div>
					
					<div id="campoEnviarNotificaciones" class="control-group">				
						<label class="control-label" for="enviarNotificaciones">Enviar Notificaciones: (*)</label>
						<div class="controls">
							<select class="span9" id="enviarNotificaciones" name="enviarNotificaciones">
								<option value="0">No</option>
								<option value="1" selected="selected">Si</option>
							</select>
						</div>
					</div>
					
					<div id="campoUrl" class="control-group">
						<label class="control-label" for="url">Url:</label>
						<div class="controls">
						  <input class="input-xlarge" id="url" name="url" type="text" value="" placeholder="Url" onblur="completarAdmin();">
						</div>
					</div>
					
					<div id="campoUrlAdmin" class="control-group">
						<label class="control-label" for="urlAdmin">Url Panel:</label>
						<div class="controls">
						  <input class="input-xlarge" id="urlAdmin" name="urlAdmin" type="text" value="" placeholder="Url Admin">
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="usuarioWeb">Usuario Web:</label>
						<div class="controls">
						  <input class="input-xlarge" id="usuarioWeb" name="usuarioWeb" type="text" value="" placeholder="Usuario Web">
						</div>
					</div>					
										
					<div class="control-group">
						<label class="control-label" for="passwordWeb">Password Web:</label>
						<div class="controls">
						  <input class="input-xlarge" id="passwordWeb" name="passwordWeb" type="text" value="" placeholder="Password Web">
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="usuarioStreaming">Usuario Streaming:</label>
						<div class="controls">
						  <input class="input-xlarge" id="usuarioStreaming" name="usuarioStreaming" type="text" value="" placeholder="Usuario Streaming">
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="ip">Ip:</label>
						<div class="controls">
						  <input class="input-xlarge" id="ip" name="ip" type="text" value="74.222.5.163" placeholder="Ip">
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="puerto">Puerto:</label>
						<div class="controls">
						  <input class="input-xlarge" id="puerto" name="puerto" type="text" value="" placeholder="Puerto">
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="passwordStreaming">Password Streaming:</label>
						<div class="controls">
						  <input class="input-xlarge" id="passwordStreaming" name="passwordStreaming" type="text" value="" placeholder="Password Streaming">
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="codigoReproductor">C&oacute;digo Reproductor HD:</label>
						<div class="controls">
						  <textarea id="codigoReproductor" name="codigoReproductor" class="input-xlarge" rows="10"></textarea>						 
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="facebook">Facebook:</label>
						<div class="controls">
						  <input class="input-xlarge" id="facebook" name="facebook" type="text" value="" placeholder="Facebook">
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="twitter">Twitter:</label>
						<div class="controls">
						  <input class="input-xlarge" id="twitter" name="twitter" type="text" value="" placeholder="Twitter">
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="codigoBarras">C&oacute;digo de Barras:</label>
						<div class="controls">
						  <input class="input-xlarge" id="codigoBarras" name="codigoBarras" type="text" value="" placeholder="C&oacute;digo de Barras DineroMail">
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="botonPago">Bot&oacute;n de Pago:</label>
						<div class="controls">
						  <textarea id="botonPago" name="botonPago" class="input-xlarge" rows="10"></textarea>						 
						</div>
					</div>
					
					<div class="control-group">				
						<label class="control-label" for="referente">Referente:</label>
						<div class="controls">
							<select class="span9" id="referente" name="referente">
								<option value="0" selected="selected">Seleccionar</option>
								<?php
									//Recorremos todos los clientes que nos paso el controlador y generamos el selector
									foreach ($clientes->result() as $cliente){
										echo ('<option value="'.$cliente->idCliente.'">'.$cliente->apellido.', '.$cliente->nombre.'</option>');										
									}
								?>
							</select>
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label" for="gananciaReferente">Ganancia Referente:</label>
						<div class="controls">
						  <input class="input-xlarge" id="gananciaReferente" name="gananciaReferente" type="text" value="" placeholder="Ganancia del Referente">
						</div>
					</div>
					
					<div id="campoObservaciones" class="control-group">
						<label class="control-label" for="observaciones">Observaciones:</label>
						<div class="controls">
						  <textarea id="observaciones" name="observaciones" class="input-xlarge" rows="5"></textarea>						 
						</div>
					</div>
					
					<div id="campoEstado" class="control-group">
						<label class="control-label" for="estado">Estado: (*)</label>
						<div class="controls">
							<select id="estado" name="estado" class="span9" required>
								<option value="1">Activo</option>
								<option value="0">Suspendido</option>
								<option value="2">Pendiente</option>
							</select>
						</div>
					</div>
									
					<div class="form-actions">
						<button type="button" class="btn btn-primary" onclick="crearServicioXCliente()">Guardar Servicio</button>
					</div>
					
					<iframe id="respuesta" name="iframeUpload" style="display:none"></iframe>
				</fieldset>
			</form>
		</div>
	</div><!--/span-->
	<div class="box span5">
		<div class="box-header" data-original-title>
			<h2><i class="icon-edit"></i><span class="break"></span>Ayuda Rápida</h2>
			<div class="box-icon">				
				<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>				
			</div>
		</div>
		<div class="box-content">
			* Los campos marcados con (*) son obligatorios
		</div>
	</div><!--/span-->
	
	<?php 
		$codigoCuponGenerico = $this->m_configuracion->getConfiguracion()->row()->codigoCuponDineroMail;
	
		if($codigoCuponGenerico != ""){ ?>		
			<div class="box span5">
				<div class="box-header" data-original-title>
					<h2><i class="icon-pencil"></i><span class="break"></span>C&oacute;digo Cup&oacute;n Gen&eacute;rico</h2>
					<div class="box-icon">				
						<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>				
					</div>
				</div>
				<div class="box-content">
					<textarea class="span12" rows="22"><?php echo($codigoCuponGenerico); ?></textarea>
				</div>
			</div><!--/span-->
	<?php } ?>
</div><!--/row-->

<hr>